<div>
	<div class="product">
		<img src="{$row['photo_url']}" />
		<div class="main">
			<h4>{$row['name']}</h4>
			<div>分类：{$row['product_classify']}</div>
			<div>卖点：{$row['selling']}</div>
			<div>店铺名称：{$row['store_name']}</div>
		</div>
		<div class="specs">
			<table>
				<tr>
					<th>规格名称</th>
					<th>所属人群</th>
					<th>售价</th>
					<th>佣金</th>
					<th>库存</th>
					<th>库存预警</th>
					<th>最小购买数</th>
					<th>重量</th>
					<th>体积</th>
				</tr>
				{foreach $row['specs_list'] as $k => $item}
				<tr>
					<td>{$item['name']}</td>
					<td>
						{if condition="$item['crowdid'] gt 0"}
							{$crowdOptions[$item['crowdid']]}
						{/if}
					</td>
					<td>{$item['price']}</td>
					<td>{$item['commission']}</td>
					<td>{$item['inventory']}</td>
					<td>{$item['inventory_warning']}</td>
					<td>{$item['min_purchase_quantity']}</td>
					<td>{$item['weight']}</td>
					<td>{$item['volume']}</td>
				</tr>
				{/foreach}
			</table>
		</div>
	</div>
</div>
<style type="text/css">
	.product img {
		float: left;
		border-radius: 5px;
		width: 160px;
		height: 160px;
	}

	.product .main {
		margin-left: 180px;
		min-height: 180px;
	}

	.product .main h4 {
		padding-top: 10px;
	}

	.product .specs table {
		border-left: 1px #b8b8b8 solid;
		border-top: 1px #b8b8b8 solid;
		width: 100%;
	}

	.product .specs table th, .product .specs table td {
		border-right: 1px #b8b8b8 solid;
		border-bottom: 1px #b8b8b8 solid;
		text-indent: 10px;
		height: 38px;
		line-height: 38px;
	}
</style>
<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
